*{
    margin: 0;
    padding: 0;
}
body{
    min-width: 1000px;
}
/*****************************************头部导航**************************************************/
.top-nav{
    /*width: 100%;*/
    /*min-width: 960px;*/
    width: 1190px;
    height: 35px;
    /*background-color: brown;*/
    font-size: 12px;

}

.top-nav-container{
    width: 90%;
    height: 100%;
    background-color: #f6f6f6;
    margin: 0 auto;
}

.mini-logo{
    width: 117px;
    height: 100%;
    /*  background-color: moccasin;*/
    float: left;
}
.quick-menu{
    width: 600px;
    height: 100%;
    /*background-color: salmon;*/
    float: right;

}


.top-nav-container .mini-logo {    /*div 里面的内容 垂直居中，水平居中*/
    text-align: center;  /*文本水平居中*/
    line-height: 35px;   /*垂直居中，父容器的height一样*/
}
.top-nav-container .mini-logo a{
    text-decoration: none; /*超链接文字下划线去除*/
    color: #333;
}

.top-nav-container .mini-logo a:hover{
    color: #f63;
}
.top-nav-container .mini-logo .icon-logo{ /*<i> : 行内元素，不能设置宽度与高度，则只能将其改为块级元素*/
    display: inline-block;
    width: 15px;
    height: 15px;
    /*  border: 1px solid black;*/
    background-image: url("../images/mini-logo.png");
}

.nav-ul{
    width: 600px;
    height: 35px;
    line-height:35px;
    float: right;
    list-style: none;
}

.nav-ul-li{
    width: 100px;
    height: 35px;
    float: left;
    text-align: center;
    position: relative;
}
.nav-ul a{
    text-decoration: none;
}
.nav-ul a:hover{
    color: #f63;
}
.geren-ul{
    list-style: none;
}
.t1{
    width:0px;
    height: 0px;
    border: 3px solid transparent;
    border-top-color:black;
    position:relative;
    left:76px;
    top: -20px;
}
.geren:hover .t1{
    width: 0px;
    height: 0px;
    border: 3px solid transparent;
    border-bottom-color:#f63 ;
    position:relative;
    left:76px;
    top: -23px;
}
.hidden{
    display:none;
}
.new:hover div{
    display:block;
    background-color: #ffffff;
}

/*****************************************logo部分**************************************************/


.header{
    width: 960px;
    height: 88px;
    /*margin: 0 auto;*/
    position: relative;
    left: 80px;
}
.logo{
    width:165px ;
    height: 48px;
    margin-top:20px ;
    /*margin-left:60px ;*/
    cursor:pointer;
    float:left;
}
.logo img{
    width: 100%;
    height: 100%;
}
.line{
    width:2px;
    height: 40px;
    background-color: #dcdcdc;
    float:left;
    margin-left:20px ;
    margin-top: 25px;
}
.sub-logo{
    display: inline-block;
    font-size: 40px;
    color: #f63 ;
    margin-left: 20px;
    margin-top:15px ;
    cursor:pointer;
    position: relative;
    float: left;
}
.header .header-city{
  font-size: 12px;
    position: relative;
    top:25px;
    left: 10px;
    float: left;
}
.header a{
  font-size: 12px ;
    position: relative;
    top:45px;
    left: -15px;
    text-decoration: none;
    float: left;
}
.header .search-area{
    width: 450px;
    height: 48px;
    background-color: #ffffff;
    float: left;
    display: block;
    margin-top:20px;
    margin-left: 50px;
}

.search-area input[type="text"]{
    width: 350px;
    height: 44px;
    border: 2px solid #f63;
    float: left;
}


.search-area input[type="submit"]{
    width: 90px;
    height: 47.2px;
    border: none;
    background-color: #f63 ;
    color: white;
    float: left;
    cursor:pointer;
}

/*团购分类 团购首页*/
.header2{
    width: 960px;
    height: 35px;
    margin-top:20px ;
    margin-left:80px ;
}
.header2 .left-header2{
    width: 210px;
    height: 35px;
    background-color: #707e8a ;
    color: white;
    float: left;
}
.header2 .left-header2 .index-title{
    display: inline-block;
    box-sizing: border-box;
    width: 210px;
    color: #fff;
    background: #707e8a;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 15px;
    float: left;
    cursor: pointer;
}
.header2 .left-header2 .xiala{
    width:16px;
    height: 16px;
    float:left;
    margin-left:150px ;
    margin-top: -15px;
    background-image: url("../images/xiala.svg");
}
.header2 .right-header2{
    width: 740px;
    height: 35px;
    border-left:10px solid #ffffff;
    background-color: #e95a00 ;
    color: #ffffff;
    float: left;
}
.header2 .right-header2 .title1 {
    /*width: 15px;*/
    /*height: 15px;*/
    margin-left: 50px;
    margin-top: 8px;
    float: left;
    cursor: pointer;
}
/*主体部分1*/
.main1{
    width: 960px;
    height: 450px;
    border: 1px solid #dcdcdc;
    position: relative;
    left: 80px;
}
.main1 .left-main1{
   width: 490px;
   height: 450px;
    float: left;
}


.main1 .right-main1{
   width: 450px;
    height: 450px;
    float: left;
}
.main1 .right-main1 .main1-title1{
    margin: 0;
    line-height: 28px;
    font-size: 24px;
    font-weight: 700;
    color: #333;
   margin-left: 20px;
    margin-top: 15px;
}
.main1 .right-main1 .main1-title2{
    color: #666;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-left: 20px;
    margin-top: 5px;

}
.main1 .right-main1 .main1-title3{
    height: 68px;
    background-color: #ee634c;
    width: 450px;
    position: relative;
    display: block;
    margin-left: 20px;
    margin-top: 5px;

}
.main1 .right-main1 .main1-title3-1{
    color: #fff;
    width: 110px;
    font-size: 44px;
    padding-top: 2px;
    font-weight: normal;
    height: 68px;
    float: left;
    margin-left: 20px;
}
.main1 .right-main1 .main1-title3-2{
line-height: 23px;
color: #fff;
font-size: 12px;
height: 16px;
line-height: 16px;
margin-top: 34px;
    float: left;
}
.main1 .right-main1 .main1-title3-3{
    width: 110px;
    height: 18px;
    font-size: 12px;
    color: #f0f0f0;
    margin-top: 15px;
    margin-left: 55px;
    float: left;
}
.main1 .right-main1 .main1-title3-4{

}

.main1 .right-main1 .main1-title4{
    width: 450px;
    height: 84px;
    position: relative;
    display: block;
    margin-left: 20px;
    margin-top: 5px;

}
.main1 .right-main1 .main1-title4-1{
    width: 150px;
    height: 84px;
    float: left;

}
.main1-title4-1 .main1-title4-1-1{
    width: 100px;
    height: 14px;
    font-size: 12px;
    color: #666;
    margin-top: 30px;
    margin-left: 30px;
}
.main1 .right-main1 .main1-title4-2{
    width: 150px;
    height: 84px;
    float: left;
}

.main1-title4-2 .main1-title4-2-1{
    margin-top: 5px;
}
.main1-title4-2 .main1-title4-2-2{
    width: 100px;
    height: 14px;
    font-size: 12px;
    color: #666;
    margin-top: -5px;
    margin-left: 20px;
}


.main1 .right-main1 .main1-title4-3{
    width: 150px;
    height: 84px;
    float: left;
}
 .main1-title4-3 .main1-title4-3-1{
    width: 100px;
    height: 20px;
    font-size: 12px;
    color: #666;
     margin-top: 20px;
     margin-left: 30px;
     cursor: pointer;
}
.main1-title4-3 .main1-title4-3-2{
    width: 100px;
    height: 20px;
    font-size: 12px;
    color: #666;
    margin-left: 30px;
    cursor: pointer;
}
.main1-title5{
    width: 450px;
    height: 50px;
    margin-top: 40px;
    clear: both;
    color: #666;
    font-size: 12px;
}
.quantity  .tit {
    float: left;
    padding-left: 10px;
}
.main1-title6{
    width: 450px;
    height: 50px ;
}
.main1-title6-1 input[type="submit"]{
    width: 150px;
    height: 50px;
    border: none;
    background-color: #f63 ;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    float: left;
    cursor:pointer;
    margin-left: 20px;

}
/**************************主体部分2*********/
.main2{
    width: 965px;
    height: 250px;

    position: relative;
    left: 80px;
    top:20px;
}
.main2 .left-main2{
    width: 710px;
    height: 225px;
    border: 1px solid #dcdcdc;
    float: left;
}
.left-main2 .main2-title1{
    font-size: 14px;
    font-weight: bolder;
    margin-left: 20px;
    margin-top: 20px;
}
.other-deal-list {
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
    list-style: none;
    font-size: 12px;
}
.other-deal-list a {
    display: block;
    border-top: 1px dotted #ccc;
    margin-top: -1px;
    height: 32px;
    line-height: 32px;
    color: #333;
    cursor: pointer;
}
.other-deal-list .price {
    float: left;
    display: block;
    font-weight: bold;
    padding: 0 10px;
    color: #c00;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
}
.other-deal-list .sellprice {
    float: left;
    display: block;
    padding-right: 5px;
    line-height: 32px;
    color: #333;
    cursor: pointer;
}
.other-deal-list .infor {
    float: left;
    display: block;
    width: 32em;
    height: 32px;
    white-space: nowrap;
    line-height: 32px;
    color: #333;
    cursor: pointer;
    margin-left: 20px;

}
.other-deal-list .num {
    float: right;
    display: block;
    padding-right: 20px;
    line-height: 32px;
    color: #333;
    cursor: pointer;
}

.main2 .right-main2{
    width: 238px;
    height: 225px;
    border: 1px solid #dcdcdc;
    float: left;
    margin-left: 10px;
}
 /**********主体部分3**********************/
.main3 {
    width: 960px;
    height: 2100px;                   /**************需要改进*/
    position: relative;
    left: 80px;
    top:20px;
}
.main3 .left-main3{
    width: 710px;
    height: 2068px;
    border: 1px solid #dcdcdc;
    float: left;

}
/*导航栏*/
.left-main3 .daohang1{
    width: 710px;
    height: 42px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f6f6f6;
}
.daohang1 .title2{
    font-size: 14px;
    color: #333;
    line-height: 40px;
    margin-left: 30px;

}
/**************适用门店************/
.left-main3 .map{
   width: 670px;
   height: 300px;
    background-color: #f6f6f6;
    position: relative;
    left: 20px;
    top:20px;
}
.map .left-map{
   width: 300px;
   height: 300px;
   float: left;

}
.left-map .picture6{
    position: relative;
    left: 20px;
    top:20px;

}
.left-map .look{
    font-size: 12px;
    position: relative;
    left:120px;
    top:20px;
    text-align: center;
}
.map .right-map{
   width: 320px;
    height: 300px;
    float: left;
    margin-left: 40px;
}

.map .right-map .top-right{
    width: 320px;
    height: 35px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 35px;
}
.top-right .top-title1{
     font-weight: bolder;
     float: left;
}
.top-right .select-area{
    float: left;
    margin-left: 10px;
    font-weight: bolder;
}
.right-map .mid-right{
    width: 320px;
    height: 140px;
    border-top: 1px solid #dcdcdc;
}
.right-map .mid-right .mid-title1{
    font-weight: bolder;
    margin-top: 10px;
}
.mid-right .star{
    width: 320px;
    height: 25px;
    margin-top: 10px;
}
.mid-right .detail{
    width: 260px;
    height: 25px;
    font-size: 12px;
}
.mid-right .telno{
    width: 320px;
    height: 25px;
    font-size: 12px;
}
.mid-right .begin-time{
    width: 320px;
    height: 25px;
    font-size: 12px;
}
.right-map .buttom-right{
    width: 320px;
    height: 35px;
    border-top: 1px solid #dcdcdc;
}
.buttom-right .buttom-title1{
    font-weight: bolder;
    margin-top: 10px;
}
.left-main3 .groupbuy-details{
    width: 670px;
    height: 200px;
    position: relative;
    left: 20px;
    top:50px;
}
.groupbuy-details .groupbuy-title{
    width: 670px;
    height: 25px;
    font-weight:bolder;
    border-bottom: 2px solid #dcdcdc;
    color:#ff8400;
}
.groupbuy-details .groupbuy-main1{
    width: 670px;
    height: 100px;
    border: 1px solid #dcdcdc;
    margin-top: 20px;
}
.groupbuy-details  .groupbuy-buttom{
    width: 670px;
    height: 50px;
    margin-top: 20px;

}
/************购买须知********/
.left-main3 .buy-know{
    width: 670px;
    height: 400px;
    position: relative;
    left: 20px;
    top:50px;
}
.buy-know .buy-know-title{
    width: 670px;
    height: 25px;
    font-weight:bolder;
    border-bottom: 2px solid #dcdcdc;
    color:#ff8400;
}
.buy-know .buy-know-main1{
    width: 640px;
    height: 350px;
    padding: 4px 14px 10px;
    background: #fffde5;
    margin-top: 20px;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
}
.buy-know .buy-know-main1 dl {
    margin-top: 6px;
    padding-left: 85px;
    line-height: 24px;
}
.buy-know .buy-know-main1 dl dt {

    float: left;
    width: 85px;
    margin-left: -85px;
    font-weight: 700;
}

/*产品介绍*/
.left-main3 .product{
    width: 670px;
    height: 1800px;
    position: relative;
    left: 20px;
    top:70px;
}
.product .product-title{
    width: 670px;
    height: 25px;
    font-weight:bolder;
    border-bottom: 2px solid #dcdcdc;
    color:#ff8400;
}

/*右边广告*/
.main3 .right-main3{
    width: 240px;
    height: 2068px;
    position: relative;
    left: 10px;
    float: left;
}
.right-main3 .right-main3-title{
    float: left;
    margin-left: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;

}




